<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>简历 | 王戎凯</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/button.css">
  <link rel="stylesheet" href="./css/liuguan.css">
  <link rel="stylesheet" href="index.css">
  <link href="./css/print.css">
  <!-- 引入了应用程序清单文件 -->
  <link rel="./manifest" href="manifest.json">
  </style>

</head>

<body>
  <div class="content">
    <header class="content-hd">
      <section class="title clearfix">
        <div class="name">
          <h1>
            王戎凯
            <small>Rongkai Wang</small>
          </h1>
        </div>
        <div class="job">
          <div class="avartor">
            <img src="./img/resume/card-avartor20220713.jpg" alt="">
          </div>
        </div>
      </section>

      <div class="clearfix">
        <section class="info">
          <h2>男 / 2004.07.30 广东·佛山</h2>
          <h3>本科 / 2022年入学</h3>
          <p>
            <a target="_blank" href="https://www.jnu.edu.cn/main.htm">
              暨南大学
            </a>
            <span>软件工程专业</span>
          </p>
          <p>
          <p>平均绩点：3.69（前8%）</p>
          <p>综测成绩：114.14（前6%）</p>
          </p>
        </section>
        <section class="contact">
          <ul>
            <li>
              <a href="tel:17727141939">
                <span>17727141939</span>
                <i class="iconfont icon-phone_circle_fill"></i>
              </a>
            </li>
            <li>
              <a href="mailto:nhzx118wrk@163.com">
                <span>nhzx118wrk@163.com</span>
                <i class="iconfont icon-mail4"></i>
              </a>
            </li>

          </ul>
        </section>
      </div>
    </header>

    <div class="content-bd">
      <div class="content-left">
        <section id="skill">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 专业技能 </h2>
            <span class="section-title-r"></span>
          </header>
          <div class="item">
            <div class="section-body">
              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟练使用<strong>Python</strong>、<strong>Java</strong>等后端编程语言
                  </p>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    了解<strong>Python</strong>、<strong>Matlab</strong>在数据处理中的基本使用
                  </p>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    精通<strong>HTML5</strong>、<strong>CSS3</strong>、<strong>JavaScript(含部分TypeScript)</strong>、<strong>ES6</strong>等前端基础
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix"></header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟练<strong>Vue</strong>、<strong>ElementUI</strong>等前端框架（技术栈）
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix"></header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    了解<strong>Bootstrap</strong>、<strong>jQuery</strong>、<strong>小程序开发（原生或Uniapp）</strong>
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟练
                    <strong>Node.js</strong>、<strong>Express</strong>等后端技术
                  </p>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    了解<strong>Linux</strong>、<strong>Nginx</strong>、<strong>Docker</strong>等服务端技术
                  </p>
                </div>
              </div>

              <div class="item">
                <header class="item-hd clearfix">
                  <h3 class="item-name"></h3>
                </header>
                <div class="item-bd">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    熟练<strong>Git</strong>、<strong>Vscode</strong>等开发工具的基本使用
                  </p>
                </div>
              </div>
              <!-- <a class="btn btn-1 item-more" href="https://www.edrawsoft.cn/" target="_blank" title="应届校招">
                应届校招
              </a> -->
            </div>
          </div>
        </section>

        <!-- 获奖情况 -->
        <section id="prise">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 获奖证书 </h2>
            <span class="section-title-r"></span>
          </header>

          <head class="section-body">
            <div class="item">
              <header class="item-hd clearfix">
                <h3 class="item-name">无</h3>
                <span class="item-time">xxxx 年</span>
              </header>
              <main class="item-bd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  还在努力中/(ㄒoㄒ)/~~
                  <a class="item-more" href="javascript:;" title="获奖证书">
                    <i class="iconfont icon-link"></i>
                  </a>
                </p>
              </main>
            </div>
          </head>
        </section>

      </div>

      <div class="content-right">

        <!-- 其他项目 -->
        <section id="works">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 项目经历 </h2>
            <span class="section-title-r"></span>
          </header>
          <main class="section-body">
            <div class="works-item">
              <header class="item-hd clearfix">
                <h3 class="item-name">云木鱼</h3>
              </header>
              <div class="item item-qr clearfix">
                <div class="item-qr-code">
                  <img src="./img/resume/muyu.jpg" alt="芝士木鱼" style="border-radius: 25%;">
                  <span class="qr-link">(仅移动端)</span>
                  <a class="qr-link" target="_blank" href="http://8.137.77.183:8889/muyu/#/">预览链接</a>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    我独立完成完整的前端设计、后端服务端部署的第一个简单小项目
                  </p>
                  <p>
                    <i class="iconfont icon-dot"></i>
                    实现了此前网络上爆火的“电子木鱼”功能，并且实现了功德云同步
                  </p>
                  <p>
                    <i class="iconfont icon-dot"></i>
                    使用<strong>Uniapp + Vue3</strong>全家桶完成前端开发，
                    <strong>jwt</strong>实现后端鉴权，路由守卫实现前端鉴权。
                  </p>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    使用<strong>Node.js</strong>、<strong>Express</strong>完成后端
                  </p>
                </div>
              </div>
            </div>
            <div class="works-item">
              <header class="item-hd clearfix">
                <h3 class="item-name">黑白棋</h3>
              </header>
              <div class="item item-qr clearfix">
                <div class="item-qr-code">
                  <img src="./img/resume/reversi.png" alt="芝士木鱼" style="border-radius: 25%;">
                  <span class="qr-link">(仅移动端)</span>
                  <a class="qr-link" target="_blank" href="http://8.137.77.183:8899/RC/#/">预览链接</a>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    我独立完成完整的前端设计、后端服务端部署的第一个简单小项目
                  </p>
                  <p>
                    <i class="iconfont icon-dot"></i>
                    实现了双人基于互联网的的，远程联机的黑白棋对弈游戏
                  </p>
                  <p>
                    <i class="iconfont icon-dot"></i>
                    使用<strong>Uniapp + Vue3</strong>全家桶完成前端开发，
                    <strong>CSS3</strong>实现各类动画。
                  </p>
                </div>
              </div>
              <div class="item">
                <header class="item-hd clearfix">
                </header>
                <div class="item-hd clearfix">
                  <p class="section-content">
                    <i class="iconfont icon-dot"></i>
                    使用<strong>Node.js</strong>、<strong>Express</strong>完成后端
                  </p>
                </div>
              </div>
            </div>
          </main>
        </section>




      </div>

    </div>

    <!-- <div class="page_footer_wrap">
      <p>更新时间：<span id="updateTime"></span></p>
      <a class="link" href="https://wu-sili.gitee.io/resume/" target="_blank">简历网页链接：
        https://wu-sili.gitee.io/resume/</a>
    </div> -->
  </div>

  <div class="content page2">

    <!-- <div class="my-backgroud">
      <div class="backgroud-word qian">简</div>
      <div class="backgroud-word duan">历</div>
    </div> -->

    <div class="content-bd">
      <div class="content-right">



      </div>
      <div class="content-left">
        <!-- 文章笔记 -->
        <section id="note">
          <header class="section-header">
            <span class="section-title-l"></span>
            <h2 class="section-title"> 文章笔记 </h2>
            <span class="section-title-r"></span>
          </header>
          <main class="section-body">

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">知乎</h4>
              </header>
              <header class="item-hd clearfix">
                <div class="item-blockquote">在一路学习前端以来，我都会把我所学的知识总结在笔记和文章中并分享出去</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  您可以点进我的<a href="https://www.zhihu.com/people/wu-si-li-70" target="_blank"> 知乎</a>👈 来查看我的笔记文章
                </p>
              </div>
            </div>

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">项目笔记 📘</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/377018561" target="_blank">我的王者荣耀<strong>UI</strong>
                    轮子官网终于上线啦</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360751157" target="_blank">
                    用<strong>HTML</strong>+<strong>CSS</strong>制作前端简历</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/370401647" target="_blank">小吴记账<strong>Vue</strong>版笔记 </a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/368621510" target="_blank"> 小吴记账<strong>React</strong>版开发笔记
                  </a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/370396925" target="_blank">在小吴记账<strong>React</strong>版中使用
                    <strong>styled components</strong>使用主题色</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360280404" target="_blank">用<strong>Nodejs</strong>写一个基于控制台的
                    <strong>todo</strong>工具 </a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360280404" target="_blank">动态展示<strong>CSS</strong>代码的形式
                    画皮卡丘</a>
                </p>
              </div>

            </div>


            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">技术文章 👨‍💻</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/360095185" target="_blank">深入理解<strong>Nodejs</strong>
                    技术架构、背景、前世今生</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/358468787" target="_blank">浅析<strong>Vue</strong>事件、修饰符</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/358438786" target="_blank">回答<strong>Vue</strong>中
                    <strong>computed</strong>和<strong>watch</strong>的区别</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/358830350" target="_blank">浅析<strong>React</strong>函数组件、生命周期及
                    <strong>Hooks</strong>钩子</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/359395556" target="_blank"><strong>ReactHooks</strong>原理解析及各个击破
                    <strong>API</strong></a>
                </p>
              </div>
            </div>

            <div class="item">
              <header class="item-hd clearfix">
                <h4 class="item-name">面试总结 👔</h4>
              </header>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/357804826" target="_blank">腾讯<strong>PCG</strong>
                    应用架构前端面试经历</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/357797560" target="_blank">阿里淘系前端面试经历</a>
                </p>
              </div>
              <div class="item-hd clearfix">
                <p class="section-content">
                  <i class="iconfont icon-dot"></i>
                  <a href="https://zhuanlan.zhihu.com/p/357806898" target="_blank">字节面试经历</a>
                </p>
              </div>
            </div>
          </main>
        </section>
      </div>
      <div class="page_footer_wrap">
        <p>更新时间：<span id="updateTime"></span></p>
        <a class="link" href="https://wu-sili.gitee.io/resume/" target="_blank">简历网页链接：
          https://wu-sili.gitee.io/resume/</a>
      </div>
    </div>
  </div>


  <script src="index.js"></script>
</body>

</html>